const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  //vue开发中如何解决跨域
//通过服务器解决跨域
//注意点：一旦修改配置，一定要重启服务！
devServer: {
  proxy: {
    '/api': {
      // target: "http://192.168.113.249:8081/cms",
      // target: "http://kumanxuan1.f3322.net:8881/cms",
      target:process.env.VUE_APP_BASE_URL,
      pathRewrite: {
        '^/api': ''
      }
    }
  }
}
// // 开发中会涉及到切换环境问题环境: 开发环境 ，生产环境
// 开发中需要切换环境时，可以通过 修改代理地址来切换缺点:每次切换时，都需要修改target值代码。优化:提前配置好环境变量，通过启动命令的不同实现环境切
// 步骤:
// 根目录下创建环境配置文件env.prod 生产环境env.dev 开发环境
// 文件内 指定环境，增加 变量指定环境: NODE ENV=XxX定义变量语法: VUE APP_自定义名称 = 值
// 获取环境变量:process.env.自定义名称
// 更改启动命令(设置当前环境)--mode dev
// 启动: npm run serve 开发环境
// npm run servepro 生产环境
})
